<?php if (!defined('THINK_PATH')) exit();?>﻿<!DOCTYPE html>
<html lang="ZH-cn">
<head>
  <meta charset="UTF-8">
 <!--  <meta http-equiv="X-UA-Compateble" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1，maximum-scale=1,user-scalable=no"> 响应式 拒绝底部滑动条-->
  <title>回忆是一种幸福</title>
  <link href="/mydemo/Public/css/bootstrap.min.css" rel="stylesheet">
  <link href="/mydemo/Public/css/style.css" rel="stylesheet">
  <link rel="stylesheet" href="/mydemo/Public/css/font-awesome.min.css">
  <link rel="stylesheet" href="/mydemo/Public/css/animate.min.css">
  <link rel="stylesheet" href="/mydemo/Public/css/overwrite.css">
  <style>
      *{font-family: "Microsoft Yahei";font-size: 14px;}
  body{width:auto; min-width: 1200px;height: 100%; background: #fff;}
  .head_wrap{height: 120px;background: #fff;width:1200px;margin:0 auto;}
  .head_logo{min-width:360px;height: 120px;}
  .head_logo img{width:220px;height: 100px;margin-left: 100px;margin-top: 10px;cursor:pointer;}
  .head_logo h1{color: #F97B06}
  .head_search{margin-top: 40px;}
  .head_search .btn{border-top:1px solid rgb(204,204,204);border-bottom:1px solid rgb(204,204,204);padding-top:6px;}
  .center_wrap{background: #DDD;width:1200px;margin:0 auto;height: 100%}
  .center_title{width:100%;background-color: #ccc;height:40px;line-height: 40px; border-bottom :1px solid #fff;}
  .center_title span:first-child{font-size: 20px;padding-left:12px;}
  .center_title a{padding-right:12px; color: #000}
  .center_title span {font-weight: bolder;}
  .title{width: 100%;float: left;position: relative;min-height: 1px;}
  .largeImg{text-align: center}
  .largeImg .largeImgContent{max-width:100% !important; cursor: pointer }/*max-height: 800px;可设高度限制*/
    .footer_wrap{width: 1200px;margin:0 auto}
  </style>
 <script src="/mydemo/Public/js/jquery-2.1.1.min.js"></script>
</head>
<body>
    <div class="page-content">
    
<style>
.newimg_content ul {
    text-align: center;
    font-size: 13px;
    padding: 20px 0 0 0;
}
.newimg_content ul li{
  list-style: none;
    height: 30px;
    line-height: 30px;
    margin: 0 0 2px 0;
}
.newimg_content ul li a{
    display: block;
    text-decoration: none;
    color: #666;
}
.newimg_content ul li a:hover ,.newimg_content ul li .acitve{
    color: #eee;
    background: #333;
}

</style>

        <!-- 全局头部文件 -->
  <div class="top-nav">
<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
      <a class="navbar-brand" href="<?php echo u('Index/index');?>">首页</a>
   </div>
   <div>
      <ul class="nav navbar-nav">
     <!--  <?php echo ($Think['session']['users']['user_name']); ?> -->
      <?php if(Think.session.users.user_name == ''): ?><li ><a href="#" onclick="alert_developed('登陆')">登陆</a></li><?php endif; ?>  
         <li><a href="#"  onclick="alert_developed('我的相册')">我的相册</a></li>
         <li><a href="<?php echo u('User/user_list');?>" >用户列表</a></li>
         <li class="dropdown">
            <a href="<?php echo u('User/userlist');?>" class="dropdown-toggle"   data-toggle="dropdown">
               <?php echo ((isset($_SESSION['users']['user_name']) && ($_SESSION['users']['user_name'] !== ""))?($_SESSION['users']['user_name']):'用户中心'); ?>
               <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="<?php echo u('User/index');?>">个人中心</a></li>
               <li><a href="#">上传图片</a></li>
               <li><a href="/mydemo/index.php/Picture/wall">图片墙</a></li>
               <li class="divider"></li>
               <li><a href="#">我的好友</a></li>
               <li><a href="#">我的留言</a></li>
               <li class="divider"></li>
               <li><a href="<?php echo u('Login/logout');?>">退出登陆</a></li>
            </ul>
         </li>
      </ul>
   </div>
</nav> 
  </div> 


  



        
 <div class="center_wrap row" style=" min-height:500px;">

    <div class="col-sm-2 left" style="border-right: 1px solid #fff;">
      <div class="newimg_content">
        <ul id="menu">
          <li><a href="###" id="set_up" >个人设置</a></li>
          <li><a href="###" id="head_portrait">修改密码</a></li>
          <li><a href="###" id="my_friend">我的好友</a></li>
          <li><a href="###" id="upload_picture">上传图片</a></li>
          <li><a href="###" id="picture_wall">图片墙设置</a></li>
          <li><a href="###" id="zutu">组图设置</a></li>
          <li><a href="###" id="message">留言板</a></li>
          <li><a href="###" id="friend_apply">好友申请</a></li>
        </ul>
      </div>
    </div>
    <div class="col-sm-10 right" id="right_list">
         <p class="user_title" style="height: 40px;line-height: 40px;border-bottom: 1px solid #fff;">
          <span style="font-size: 20px; padding-left: 12px;">基本信息</span>
        </p>
       <p class="bg-primary"><?php echo ($_SESSION['users']['user_name']); ?></p>
       <div id="menu2">
      <a href="###"><p class="bg-success">好友申请记录（<span style="color:red; font-size:18px"><?php echo ($list["count_friend_apply"]); ?></span>）</p></a>
      <a href="###" id="my_friend"><p class="bg-info">好友数量（<span style="color:red;font-size:18px"><?php echo ($list["count_friend"]); ?></span>）</p></a>
      <a href="###" id="message"><p class="bg-warning">留言记录（<span style="color:red;font-size:18px"><?php echo ($list["count_message"]); ?></span>）</p></a>
      <a href="###" id="upload_picture"><p class="bg-danger">上传图片记录（<span style="color:red;font-size:18px"><?php echo ($list["count_img"]); ?></span>）</p></a>
      </div>
    </div>

          
  <script type="text/javascript">
   $(function(){
    $('#menu a').bind('click',right_html);
    $('#menu2 a').bind('click',right_html);
    
   })

   function right_html(){
      $(this).addClass('acitve').parents("li").siblings().find("a").removeClass("acitve");
       var data = $(this).html();
       data = data.replace(/<\/?[^>]*>/g,'');
       var title =  $(this).attr('id');
       var url = "<?php echo U('user/right_html');?>";
       $.ajax({
         url: url,
         type: 'POST',
         data: {"data": data,
                "title":title
         },
         complete: function(xhr, textStatus) {
           //called when complete
         },
         success: function(data) {
           if(data !=""){
            $('#right_list').html(data);
           }
         },
         error: function(xhr, textStatus, errorThrown) {
           //called when there is an error
         }
    });
   }
  </script>

        <div id="footer">
    <div class="footer1">
    <div class="title">
      <p class="center_title">
        <span>友情链接</span>
      </p>

    </div>
      <div style="clear: both;"></div>
      <div id="friend_link">
        <a target="_blank" href="http://www.chengzhier.com">橙汁儿电影网</a>
        <a target="_blank" href="http://zhixing.zxtms.net">知行工作室</a>
        <a target="_blank" href="http://www.huanyan520.com">焕言工作室</a>
        
        <a target="_blank" href="http://www.urionz.com">有时梦游博客</a>
      </div>
    </div>
    
    <div class="footer2">
      <div class="wrap">
        <p></p>
        <p>© 2016 <a href="http://www.chengzhier.com/" title="Sun"><strong>Sun</strong></a>. All rights reserved.</p>
        <p></p>
        
        <p> 技术支持 <strong style="color: #ff7d00;">Song、Zhou</strong></p>
        <p></p>
        <p>该网站的自图片都来自与<strong style="color: #ff7d00;">sunqiu</strong>收藏，记录身边的成长</p>
      </div>
    </div>
  </div>
 <script src="/mydemo/Public/js/bootstrap.min.js"></script>
  <script src="/mydemo/Public/js/parallax.min.js"></script>
  <script src="/mydemo/Public/js/wow.min.js"></script>
  <script src="/mydemo/Public/js/jquery.easing.min.js"></script>
  <script type="text/javascript" src="/mydemo/Public/js/fliplightbox.min.js"></script>
  <script src="/mydemo/Public/js/functions.js"></script>
  <script type="text/javascript" src="/mydemo/Public/layer/layer.js"></script>
  <script type="text/javascript">
    function alert_developed(data){
        alert(data+"待开发，敬请期待");
        return false;
      }
</script>


        

    </div>
</body>
</html>